﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Master1.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="Trathat.Index1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
<div class="carousel-container">
    <div id="carousel">
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/001.jpg" height="250" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/002.jpg" width="450" height="249"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/003.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/004.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/005.jpg" height="249" width="450"></a>
        </div>
        <div class="carousel-feature">
          <a href="#"><img class="carousel-image" alt="Image Caption" src="../images/006.jpg" height="249" width="450"></a>          
        </div>
      </div>
    
      <div id="carousel-left"><img src="../images/back.png" /></div>
      <div id="carousel-right"><img src="../images/next1.png" /></div>
    </div>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<asp:DataList ID="listBaiviet" runat="server" DataKeyField="ID" RepeatColumns="2" OnItemDataBound="listBaiviet_dataBound">
        <ItemTemplate>
            <div style="padding-left: 80px; position:absolute; width:340px; padding-top:7px;">
                <div style="height:35px; font-weight: bold; background-image: url('../Image/headerBV.png'); background-repeat:no-repeat; width:195px;">
                    <a href="Baiviet.aspx?baiviet=<%# Eval("IDLoaibaiviet") %>" style="text-decoration:none;"><center><div style="color:#fff; font-weight:bold; padding-top:2px;"><%# Eval("Header")%></div></center></a>
                </div>
             </div>
            <div id="blockBaiviet" style="height: 360px; width:350px; padding-left:10px; border: thin solid #c5c5c5; margin:20px 6px 6px 0px; padding-top:20px; -moz-border-radius: 10px;
                 -webkit-border-radius: 10px; background-color:#fff;">

                <div style="width: 150px; height: 150px; float: left; margin-right: 5px; margin-top: 10px;">
                    <a href="Chitietbaiviet.aspx?ID=<%# Eval("ID") %>"><img src='<%# Eval("Anhdaidien") %>' height="150" width="150" /></a>
                </div>
                <div style="margin-top: 10px; padding-right:10px;">
                    <a href="Chitietbaiviet.aspx?ID=<%# Eval("ID") %>" style="text-decoration:none; font-weight:bold; font-size: 14pt; color:#351c18"><%# Eval("Tenbaiviet") %></a>
                    <br />
                    <%# Eval("shortcut") %>
                </div>
                <br />
                 <asp:DataList ID="listBaivietKhac" runat="server" DataKeyField="ID" ForeColor="#0066FF" Font-Underline="False">
                     <ItemTemplate>
                        >><a href="Chitietbaiviet.aspx?ID=<%# Eval("ID") %>" style="text-decoration:none; color:#0066FF;"><%# Eval("Tenbaiviet") %></a><br />
                        <br />
                     </ItemTemplate>
                 </asp:DataList>
            </div>
        </ItemTemplate>
    </asp:DataList>
</asp:Content>
